<template>
    <div class="logOut-content">
        <div class="conttent">
            <img src="../../assets/head/info.svg" alt="">
            确定要退出当前账号吗？
        </div>
        <div class="btn">
            <el-button class="btnStyle" @click="cancelUserStatus">取消</el-button>
            <el-button class="btnStyle btncolor" @click="logOutUserStatus">确认</el-button>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="less">
.logOut-content {
    width: 100%;
    height: 100%;
    .conttent {
        width: 100%;
        display: flex;
        height: 85%;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
      
    }

    .btn {
        background: #FBFBFA;
        height: 15%;
        display: flex;
        align-items: center;
        justify-content: end;
        padding: 0 24px;

        .btnStyle {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            padding: 5px 20px;
            border-radius: 6px;
        }
        .btncolor{
           background: #F2994A;
           color: #FFF;
        }
    }
}
</style>